<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>jQuery 常用方法</title>
    <script type="text/javascript" src="/static/jQuery-1.11/jquery-1.11.3.min.js">
    </script>
    <script>
        $(function () {
            // 问题 1：获取 jQuery 中包含 DOM 的个数，比如获取页面上 p 元素的个数
            console.log($('p').size());

            //问题 2：获取 id 为 username 元素的 value 属性值
            console.log($('#username').val());

            //问题 3：设置 id 为 username 元素的 value 属性值为"叩丁狼教育"
            var $ret=$('#username').val("叩丁狼教育");
            console.log($ret);

            //问题 4：对比 h1 元素的内容和纯文本的区别
            console.log($('#h1').text());
            console.log($('#h1').html());

            //问题 5：把 h1 元素内容的颜色改为黄色

            console.log($('#h1').css("color","red"));

        })
    </script>
</head>
<body>
<h1 id="h1">做人<i>要低调</i></h1>
<input type="text" id="username" value="wolfcode"/><br/><br/>
<div>
    jQuery 常用方法:<br/>
    jQuery对象.size(); // 获取 jQuery 中包含元素的个数<br/>
    jQuery对象.val(); // 操作元素的 value 属性<br/>
    jQuery对象.html(); // 操作元素内的 HTML 代码<br/>
    jQuery对象.text(); // 操作元素内的文本，忽略 HTML 标签<br/>
    jQuery对象.css(); // 操作元素的 style 属性
</div>
<hr/>
<div>
    <p>

    </p>
    <p>

    </p>
    <p>

    </p>
    <p>

    </p>
    <p>

    </p>
</div>
</body>
</html>